<template>
  <div class="table-box">
    <ProTable ref="proTable" :columns="columns" :request-api="getOperationLogList">
      <!-- 表格 header 按钮 -->
      <template #tableHeader> </template>
      <!-- 表格操作 -->
      <template #operation> </template>
    </ProTable>
  </div>
</template>
<script setup lang="tsx" name="dictType">
import { ref, reactive } from "vue";
import { Support } from "@/api/interface";
import ProTable from "@/components/ProTable/index.vue";
import { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
import { getOperationLogList } from "@/api/modules/support";

// ProTable 实例
const proTable = ref<ProTableInstance>();

// 表格配置项
const columns = reactive<ColumnProps<Support.OperationLog>[]>([
  { prop: "username", label: "操作人", search: { el: "input" } },
  { prop: "module", label: "操作模块", search: { el: "input" } },
  { prop: "operType", label: "操作类型", search: { el: "input" } },
  { prop: "ip", label: "操作地点" },
  { prop: "os", label: "操作系统" },
  { prop: "userAgent", label: "浏览器" },
  { prop: "createdTime", label: "操作时间" }
]);
</script>
